import React, {Component} from 'react';
import {connect} from 'react-redux';
import {NavBar} from 'antd-mobile';
import {Switch, Route} from 'react-router-dom';
import NavLinkBar from '../navlink/navlink';
import Boss from '../boss/boss';
import Genius from '../genius/genius';
import User from '../user/user';
function Msg(){
    return <h2>消息列表页面</h2>
}
@connect(
    state=>state,
)
export default class Dashboard extends Component {
    constructor(props) {
        super(props)
        this.state = {}
    }
    render() {
        const {pathname}=this.props.location;
        const user=this.props.user;
        const navList = [
			{
				path:'/boss',
				text:'牛人',
				icon:'boss',
				title:'牛人列表',
				component:Boss,
				hide:user.type=='genius'
			},
			{
				path:'/genius',
				text:'boss',
				icon:'job',
				title:'BOSS列表',
				component:Genius,
				hide:user.type=='boss'
			},
			{
				path:'/msg',
				text:'消息',
				icon:'msg',
				title:'消息列表',
				component:Msg
			},
			{
				path:'/me',
				text:'我',
				icon:'user',
				title:'个人中心',
				component:User
			}
		]
        return (
            <div>
                <NavBar className='fixd-header' mode='dard'>{navList.find(v=>v.path==pathname).title}</NavBar>
                <div style={{marginTop:45}}>
                   <Switch>
                       {navList.map(v=>(
                           <Route key={v.path} path={v.path} component={v.component}></Route>
                       ))}
                       
                   </Switch>

                </div>
                <NavLinkBar data={navList}></NavLinkBar>
            </div>
        );
    }
}